<template>
    <div class="container">
        <div
            class="three-box"
            id="three-box"
            style="width:800px;height:800px"
        ></div>
    </div>
</template>

<script>
import myThree from "./myThree.js";
export default {
    data() {
        return {};
    },
    mounted() {
        console.log(myThree);
        myThree.InitThree("#three-box");
    },
    methods: {}
};
</script>

<style lang="less">
.container {
    width: 100%;
    height: calc(100% - 90px);
    background-color: gray;
    display: flex;
    justify-content: center;
    align-items: center;
    .three-box {
        background-color: pink;
    }
}
</style>
